//animate 是动画的意思
//封装函数，该函数是让盒子移动，并且速度由快到慢
function animate(obj, target, callback) {
    //先清除以前的定时器，只保留当前的定时器
    clearInterval(obj.timer);
    obj.timer = setInterval(function () {
        //step值写到定时器里面，step是移动的步数
        //记得把值改为整数
        // var step = (target - obj.offsetLeft) / 10;
        //判断大于0的话往大的数取整(向上取整)，否则往小的数取整
        // step = step > 0 ? Math.ceil(step) : Math.floor(step);
        if (obj.offsetLeft >= target) {
            //停止动画  实质是清除定时器
            clearInterval(obj.timer);
            //回调函数写在定时器结束里面
            if (callback) {
                //如果有传入callback这个参数，那么定时器结束时调用
                callback();
            }
        }
        obj.style.left = target + 'px';//盒子到页面的做边距离加上移动的步数就是盒子移动的总距离
    }, 15);
}